
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>

<html>
    
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" >
        <link rel='stylesheet' type='text/css' href='actstyle.css'/>
        <link rel="shortcut icon" href="icon.ico">
        <title>Account Services</title>
        
        <script type="text/javascript" src="jquery-1.7.2.min.js"></script>
        <script type="text/javascript">
            $(document).ready(function(){
                $("input#button").click(function(){
                    var var1 = $("input#oldpass").attr("value");
                    var var2 = $("input#newpass").attr("value");
                    var var3 = $("input#confirmpass").attr("value");
                    var var3 = (var2 == var3)?(alert(var3)):(alert(var1));
                });
            });
        </script>     
    </head>
    
    <body>
        <h1>Account Services</h1>
        
        <div id ="password">
        
        <h1>Username</h1>
            <p>Username written here using ajax or get.</p>
        </div>
        
        <div id ="password">
        <form action="http://snyamathi.dyndns.org?model=AccountServ+view=Accounthtml+action=getAccountServ"
                  method ="post">
        <h2>Change Password</h2>
            Old Password: <input type="password" id="oldpass" name="oldpass" /><br />
            New password: <input type="password" id="newpass" name="newpass" /><br />
            Confirm new password: <input type="password" id="confirmpass" name="newpass" /><br />
            <p><input type="submit" id="button"></p>
        </div>
        
    </body>





</html>
